<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BatchOrder</title>

    <script type="text/javascript" src="../Public/publicjs.js"></script>
    <script type="text/javascript" src="../Public/TuLayer.js"></script>
    <script type="text/javascript" src="../Public/Signature.js"></script>
    <script type="text/javascript" src="../Public/ibcpSelectProduct.js"></script>
    <script type="text/javascript" src="../Public/custom.js"></script>
</head>
<body>
<div id="contain" class="panel panel-default">
    <div id="parentPanelHead" class="panel-heading">
        <div class="row" style="margin: 0">
            <h2 class="col-sm-2" style="padding: 0"><span class="label label-custom">批指令</span></h2>
            <div class="col-sm-10" style="padding: 0">
                <div class="btn-toolbar" style="float: right;margin-right: 10px">
                    <button id="hideAndShow" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="隐藏或展开列表" status="show"><span class="fa fa-crop"/></button>
                </div>
                <div class="btn-toolbar" style="float: right;margin-right: 15px">
                    <button id="btnAddBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="创建批指令"><span class="fa fa-plus"/></button>
                    <button id="btnCopyBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="拷贝批指令"><span class="fa fa-copy"/></button>
                    <button id="btnEffectBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="生效批指令"><span class="fa fa-play"/></button>
                    <button id="btnEditBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="编辑批指令"><span class="glyphicon glyphicon-pencil"/></button>
                    <button id="btnResetBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="重置批指令"><span class="fa fa-mail-reply-all"/></button>
                    <button id="btnStopBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="终止批指令"><span class="fa fa-stop"/></button>
                    <button id="btnDeleteBatch" type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="删除批指令"><span class="glyphicon glyphicon-trash"/></button>
                </div>
                <div class="btn-toolbar" style="float: right;margin-right: 15px">
                    <button id="btnRefreshBatch" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="刷新批指令"><span class="fa fa-refresh"/></button>
                </div>
            </div>
        </div>
    </div>
    <div id="parentPanelBody" class="panel-body">
        <div id="floatDiv" hidden="hidden">
            <table id="tableBatchOrderFloat" data-toggle="table"
                   data-click-to-select="true"
                   data-striped="true"
                   data-row-style="rowStyle"
                   data-cell-style="cellStyle"
                   data-unique-id="itemCode"
            >
                <thead>
                <tr>
                    <th data-field="state" data-radio="true"></th>
                    <th data-field="id" data-visible="false"></th>
                    <th data-field="orderNo">指令号</th>
                    <th data-field="materialCode">产品代码</th>
                    <th data-field="materialCodeName">产品名称</th>
                    <th data-field="spec">产品规格</th>
                    <th data-field="batchNo">批号</th>
                    <th data-field="planQuantity">计划批量</th>
                    <th data-field="realQuantity">实际批量</th>
                    <th data-field="uomSymbol">单位</th>
                    <th data-field="planDate">计划生产日期</th>
                    <th data-field="startTime">实际开始日期</th>
                    <th data-field="endTime">实际结束日期</th>
                    <th data-field="statusId" data-visible="false">状态</th>
                    <th data-field="statusName">状态</th>
                    <th data-field="generatePersonName">制定人</th>
                    <th data-field="generateTime">制定时间</th>
                    <th data-field="validPersonName">批准人</th>
                    <th data-field="validTime">批准时间</th>
                </tr>
                </thead>
            </table>
        </div>
        <div id="orderDiv">
            <table id="tableBatchOrder" data-toggle="table"
                   data-click-to-select="true"
                   data-striped="true"
                   data-row-style="rowStyle"
                   data-cell-style="cellStyle"
                   data-unique-id="id"
                   data-height="200"
            >
                <thead>
                <tr>
                    <th data-field="state" data-radio="true"></th>
                    <th data-field="id" data-visible="false"></th>
                    <th data-field="orderNo">指令号</th>
                    <th data-field="materialCode">产品代码</th>
                    <th data-field="materialCodeName">产品名称</th>
                    <th data-field="spec">产品规格</th>
                    <th data-field="batchNo">批号</th>
                    <th data-field="planQuantity">计划批量</th>
                    <th data-field="realQuantity">实际批量</th>
                    <th data-field="uomSymbol">单位</th>
                    <th data-field="planDate">计划生产日期</th>
                    <th data-field="startTime">实际开始日期</th>
                    <th data-field="endTime">实际结束日期</th>
                    <th data-field="statusId" data-visible="false">状态</th>
                    <th data-field="statusName">状态</th>
                    <th data-field="generatePersonName">制定人</th>
                    <th data-field="generateTime">制定时间</th>
                    <th data-field="validPersonName">批准人</th>
                    <th data-field="validTime">批准时间</th>
                </tr>
                </thead>
            </table>
        </div>
        <div id="panelGroup" style="overflow: auto;position: absolute;left: 15px;right: 15px;bottom: 10px;">
            <div class="panel-group" id="accordion">
                <div id="bCraftRecipePanel" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#craftRecipePanel">
                        <h4 class="panel-title" ><span class="glyphicon glyphicon-triangle-bottom glyphicon-triangle-top"></span> 工艺配方信息</h4>
                    </div>
                    <div id="craftRecipePanel" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <table id="craftRecipeTable" data-toggle="table"
                                   data-click-to-select="true"
                                   data-striped="true"
                                   data-row-style="rowStyle"
                                   data-cell-style="cellStyle"
                            >
                                <thead>
                                <tr>
                                    <th data-field="id" data-visible="false"></th>
                                    <th data-field="code">代码</th>
                                    <th data-field="name">名称</th>
                                    <th data-field="version">版本信息</th>
                                    <th data-field="quantity">批量</th>
                                    <th data-field="minQuantity">最小批量</th>
                                    <th data-field="maxQuantity">最大批量</th>
                                    <th data-field="symbol">单位</th>
                                    <th data-field="matCode">产品代码</th>
                                    <th data-field="matName">产品名称</th>
                                    <th data-field="spec">产品规格</th>
                                    <th data-field="registNo">注册登记号</th>
                                    <th data-field="description">备注</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="bOperateOrderPanel" hidden="hidden" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#operateOrderPanel">
                        <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> 操作指令</h4>
                    </div>
                    <div id="operateOrderPanel" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table id="operateOrderTable" data-toggle="table"
                                   data-click-to-select="true"
                                   data-striped="true"
                                   data-row-style="rowStyle"
                                   data-cell-style="cellStyle"
                            >
                                <thead>
                                <tr>
                                    <th data-field="id" data-visible="false"></th>
                                    <th data-field="code">指令代码</th>
                                    <th data-field="workCenterName">工位</th>
                                    <th data-field="planDate">计划时间</th>
                                    <th data-field="startTime">开始时间</th>
                                    <th data-field="endTime">结束时间</th>
                                    <th data-field="statusName">指令状态</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="bBomPanel" hidden="hidden" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#bomPanel">
                        <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> BOM信息</h4>
                    </div>
                    <div id="bomPanel" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table id="bomTable" data-toggle="table"
                                   data-click-to-select="true"
                                   data-striped="true"
                                   data-row-style="rowStyle"
                                   data-cell-style="cellStyle"
                                   data-unique-id="itemCode"
                            >
                                <thead>
                                <tr>
                                    <th data-field="id" data-visible="false"></th>
                                    <th data-field="itemCode">序号</th>
                                    <th data-field="code">物料代码</th>
                                    <th data-field="name">物料名称</th>
                                    <th data-field="planQuantity">计划数量</th>
                                    <th data-field="actualQuantity">实际数量</th>
                                    <th data-field="uomName">单位</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="bDeviationPanel" hidden="hidden" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#deviationPanel" >
                        <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> 偏差信息</h4>
                    </div>
                    <div id="deviationPanel" class="panel-collapse collapse">
                        <div class="panel-body">
                            Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
                            nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
                            lomo.
                        </div>
                    </div>
                </div>
                <div id="bGanttChartPanel" hidden="hidden" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#ganttChartPanel">
                        <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> 甘特图</h4>
                    </div>
                    <div id="ganttChartPanel" class="panel-collapse collapse">
                        <div class="panel-body">
                            Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
                            nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
                            lomo.
                        </div>
                    </div>
                </div>
                <div id="bBatchRecordPanel" hidden="hidden" class="panel panel-success panel-modify">
                    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                         href="#batchRecordPanel" >
                        <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> 批记录</h4>
                    </div>
                    <div id="batchRecordPanel" class="panel-collapse collapse">
                        <div class="panel-body">
                            Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
                            nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
                            lomo.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    html,#contain{
        height: 100%;
        margin: 0;
    }
    body{
        height: 100%;
        margin: 0;
        padding: 0 5px;
    }
    .panel-modify{
        margin: 0px 5px 10px;
    }
    /* .panel-modify > .panel-heading {
         color: #333;
         background-color: #f5f5f5;
         border-color: #ddd;
     }*/
    .panel-collapse > .panel-body{
        padding: 6px 8px 10px;
    }
    .panel-collapse > .panel-body > .row{
        margin-left: -5px;
        margin-right: -5px;
    }

</style>
<script src="BatchOrder.js" type="text/javascript"></script>
</body>
</html>